<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


    <?php include_http_metas() ?>
    <?php include_metas() ?>
    <?php include_title() ?>
    <?php include_stylesheets() ?>
    <?php include_javascripts() ?>
    
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> 
    <link rel="stylesheet" href="/css/ui-lightness/jquery-ui-1.8.18.custom.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/css/validationEngine.jquery.css" type="text/css"/>
    <link rel="stylesheet" href="/css/icons.css" type="text/css" />
    <link rel="stylesheet" href="/css/forms.css" type="text/css" />
    <link rel="stylesheet" href="/css/tables.css" type="text/css" />
    <link rel="stylesheet" href="/css/ui.css" type="text/css" />
    <link rel="stylesheet" href="/css/style.css" type="text/css" />
    <link rel="stylesheet" href="/css/responsiveness.css" type="text/css" />
    <!-- jQuery -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
    <!-- Spinner -->
    <script type="text/javascript" src="/js/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="/js/jquery.ui.spinner.js"></script>
    <!-- jqPlot -->
    <script type="text/javascript" src="/js/jquery.jqplot.min.js"></script>
    <script type="text/javascript" src="/js/plugins/jqplot.barRenderer.min.js"></script>
    <script type="text/javascript" src="/js/plugins/jqplot.highlighter.min.js"></script>
    <script type="text/javascript" src="/js/plugins/jqplot.cursor.min.js"></script> 
    <script type="text/javascript" src="/js/plugins/jqplot.pointLabels.min.js"></script>
    <script type="text/javascript" src="/js/plugins/jqplot.pieRenderer.min.js"></script> 
    <script type="text/javascript" src="/js/plugins/jqplot.donutRenderer.min.js"></script>
    <!-- Full Calendar -->
    <script type='text/javascript' src='/js/fullcalendar/fullcalendar.min.js'></script>
    <!-- Plupload -->
    <script type="text/javascript" src="/js/plupload.js"></script>
    <script type="text/javascript" src="/js/plupload.html4.js"></script>
    <script type="text/javascript" src="/js/plupload.html5.js"></script>
    <script type="text/javascript" src="/js/jquery.plupload.queue.js"></script>
    <!-- Validation engine -->
    <script type="text/javascript" src="/js/languages/jquery.validationEngine-en.js" charset="utf-8"></script>
    <script type="text/javascript" src="/js/jquery.validationEngine.js"></script>
    <!-- jgrowl -->
    <script type="text/javascript" src="/js/jquery.jgrowl.min.js"></script>
    <!-- scrollTo -->
    <script type="text/javascript" src="/js/jquery.scrollto.js"></script>
    <!-- Knob -->
    <script type="text/javascript" src="/js/jquery.knob.js"></script>
    <!-- Masked inputs -->
    <script type="text/javascript" src="/js/jquery.masked-inputs.js"></script>
    <!-- Chosen -->
    <script type="text/javascript" src="/js/jquery.chosen.js"></script>
    <!-- Draggable Slider -->
    <script type="text/javascript" src="/js/jquery.slider.js"></script>
    <!-- WYSIHTML5 -->
    <script type="text/javascript" src="/js/jquery.wysihtml5.js"></script>
    <!-- iPhone Style Checkbox -->
    <script type="text/javascript" src="/js/jquery.iphonecheckbox.js"></script>
    <!-- Minicolors -->
    <script type="text/javascript" src="/js/jquery.minicolors.js"></script>
    <!-- Caffeine custom JS -->
    <script type="text/javascript" src="/js/custom.js"></script>

    <script type="text/javascript">
        jQuery(document).ready(function() {
                // Form validate
                jQuery("#demo-form-val").validationEngine();
        });
    </script>
  </head>
  
  <body id="index" class="home">
	
    <div id="loading-block"></div> <!-- Loading block -->
    
    <!-- Container -->
    <div id="container">
    
    	<!-- Header -->
        <header id="header">
            <figure id="logo"><a href="/" class="logo"></a></figure>
            <section id="general-options">
            	<a href="/user/edit/" class="settings tipsy-header" title="Ustawienia profilu"></a>
                <a href="/friends/" class="users tipsy-header" title="Przyjaciele"></a>
                <a href="/messages/" class="messages tipsy-header" title="Wiadomości"></a>
            </section>
            <section id="userinfo">
            	<span class="welcome">Witaj <strong>John Doe</strong>.</span>
                <span class="last-login">Czas na serwerze: <?=date('d-m-Y H:i:s');?></span>
                <div class="profile">
                	<div class="links">
                        <a href="/user/edit/">Profil</a>
                        <a href="/messages/inbox/">Skrzynka odbiorcza</a>
                        <a href="/user/logout" class="logout">Wyloguj</a>
                    </div>
                	<img src="/img/profile-pict.jpg" alt="John Doe">
                </div>
            </section>
        </header> <!-- /Header -->
        
        <div class="clear"></div>		
        
        <!-- Sidebar -->
        <nav id="sidebar">
        	<div class="sidebar-top"></div>
            
            <h3>Nawigacja</h3>
            
            <!-- Nav menu -->
            <ul class="nav">
                <li><a href="/">Strona główna</a></li>
                <li><a href="/forum/">Forum dyskusyjne</a></li>
                <li><a href="/ankiety/">Ankiety</a></li>
                <li ><a href="/materialy/">Materiały</a></li>
            </ul> <!-- /Nav menu -->
            
            <div class="blocks-separator"></div>
            
            
        </nav> <!-- Sidebar -->

        <section id="playground">
        	
            <!-- Breadcrumb -->
            <div class="three-fourths breadcrumb">
            	<span><a href="#" class="icon entypo home"></a></span>
                <span class="middle"></span>
                <span><a href="#">UI &amp; UX</a></span>
                <span class="middle"></span>
                <span><a href="#">Form Validation</a></span>
                <span class="end"></span>
            </div> <!-- /Breadcrumb -->
            
            <!-- Search box -->
            <div class="one-fourth searchbar">
            	<div class="box no-bg">
	            	<div class="search-box closed"><input type="text" /><span class="icon awesome search"></span></div>
                </div>
            </div> <!-- /Search box-->
            
            <div class="clear"></div>
            
            
            
            <?php echo $sf_content ?>
            
            
            
           
            <div class="clear"></div>
            
            <div class="full-width right">
                <div class="box no-bg">
                    <div class="line-separator"></div>

                        <span class="copyright">by <a href="http://www.kamilszarmach.pl/">Kamil Szarmach</a></span>
                </div>
            </div>
        </section>    </div>
    
</body> 

    

</html>
